<script setup lang="ts"></script>

<template>
  <div class="article">
    <p>
      在 鯤 Galgame 網站的設計中，我們參考了以下優秀網站的界面設計，其中有：
    </p>
    <br />
    <br />
    <ul class="list">
      <li>Twitter（推特） - 半透明設計、無限高度彈性盒</li>
      <li>Github（github） - 配色</li>
      <li>bbs.kfmax.com（緋月） - 用戶信息分類</li>
      <li>StackOverflow （StackOverflow） - 頁面闆塊的陰影</li>
      <li>ChatGPT （OpenAI ChatGPT） - 各種技術問題</li>
      <li>Google（谷歌） - 話題詳情頁面</li>
      <li>YouTube （油管） - 技術交流頁面</li>
      <li>Adobe （Adobe） - 底部 Footer</li>
      <li>Codepen 中的眾多案例 – 全部頁面均有涉及</li>
      <li>Bilibili （B 站） - 頭部導航條</li>
      <li>Ymgal（月幕 Galgame） - 頭部導航條</li>
    </ul>
    <br />
    <br />
    <p>
      在設計之初我們瀏覽了大量設計優秀的網頁，可能還參考了眾多網站的設計，但由於在大量的瀏覽時沒有做相關記錄，所以無法展示
    </p>
    <br />
    <br />
    <p>在 鯤 Galgame 網站的建設中，我們得到了以下人員的大力支持，其中有：</p>
    <br />
    <br />
    <ul class="list">
      <li>
        <span class="skip">
          <a
            href="https://acgngames.net"
            target="_blank"
            rel="noopener noreferrer"
          >
            ACGNGAME
          </a>
        </span>
        （Galworld）站長。老羽！上號！
      </li>
      <li>
        <span class="skip">
          <a
            href="https://shinnku.com"
            target="_blank"
            rel="noopener noreferrer"
          >
            Shinnku
          </a>
        </span>
        （失落的小站）站長。世界第一可愛美少女真紅姐姐！無敵！
      </li>
      <li>
        <span class="skip">
          <a
            href="https://www.ymgal.games"
            target="_blank"
            rel="noopener noreferrer"
          >
            Ymgal
          </a>
        </span>
        （月幕 Galgame）站長。站長！太強了！
      </li>
      <li>
        <span class="skip">
          <a
            href="https://yurzhang.com"
            target="_blank"
            rel="noopener noreferrer"
          >
            yurzhang
          </a>
        </span>
        （yur!）as the Night's, Reincarnation！
      </li>
      <li>
        <span class="skip">
          <a href="https://i.plr.moe" target="_blank" rel="noopener noreferrer">
            Haruki
          </a>
        </span>
        （Haruki 桑！）一個非常非常聰明的人！數學天才！
      </li>
      <li>
        <span class="skip">
          <a
            href="https://asukaminato.eu.org/"
            target="_blank"
            rel="noopener noreferrer"
          >
            Asuka Minato
          </a>
        </span>
        （湊媽！）他太強了！我哭死！
      </li>
    </ul>
    <br />
    <br />
    <p>
      以及<span class="skip">
        <a
          href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=l8kixeJ-RCfIgpzM63QT7G8H44KkpC7q&authKey=X2IAU3zT2wOOQBCl4mwkYeTGNktTIs%2F5XhtVdKTUuyvPjRkdXjOhEhBT8l3kkSSX&noverify=0&group_code=871857690"
          target="_blank"
          rel="noopener noreferrer"
        >
          鯤的 galgame 交流群(Tencent QQ)
        </a>
      </span>
      ,
      <span class="skip">
        <a
          href="https://t.me/kungalgame"
          target="_blank"
          rel="noopener noreferrer"
        >
          鯤的 galgame 交流群(Telegram)
        </a>
      </span>
      ,
      <span class="skip">
        <a
          href="https://t.me/kungalgame"
          target="_blank"
          rel="noopener noreferrer"
        >
          KUN Visual Novel Forum Dev Team(Tencent QQ)
        </a>
      </span>
      ,
      <span class="skip">
        <a
          href="https://t.me/kungalgame"
          target="_blank"
          rel="noopener noreferrer"
        >
          KUN Visual Novel Forum Dev Team(Telegram)
        </a>
      </span>
      ，以及其它眾多人員的相關支持，在這裏我們對他們的建議和糾錯錶示衷心的感謝。
    </p>
    <br />
    <br />
    <p>
      我們的網站會秉承萌萌（美好）、開源、免費的
      <span class="skip">
        <NuxtLinkLocale to="/kungalgame">建立原則</NuxtLinkLocale>
      </span>
      ，不斷完善和更新，您可以在 github 看到我們的項目：
    </p>
    <br />
    <br />

    <p>
      當前版本論壇 (V2):
      <br />
      <br />
      Nuxt3 + mongodb 全棧實現
      <span class="skip">
        <a
          href="https://github.com/KUN1007/kun-galgame-nuxt3"
          target="_blank"
          rel="noopener noreferrer"
        >
          kun-galgame-nuxt3
        </a>
      </span>
    </p>

    <br />
    <br />

    <p>
      前後端分離式論壇 (V1):
      <br />
      <br />
      前端 Vue3 + Vite + Typescript + Pinia 實現：
      <span class="skip">
        <a
          href="https://github.com/KUN1007/kun-galgame-vue"
          target="_blank"
          rel="noopener noreferrer"
        >
          kun-galgame-vue
        </a>
      </span>
    </p>
    <p>
      後端 Koa2 + Redis + Mongoose + Mongodb 實現：
      <span class="skip">
        <a
          href="https://github.com/KUN1007/kun-galgame-koa"
          target="_blank"
          rel="noopener noreferrer"
        >
          kun-galgame-koa
        </a>
      </span>
    </p>

    <br />
    <br />

    <p>
      論壇最初始設計稿:
      <br />
      <br />
      純 HTML + CSS 實現：
      <span class="skip">
        <a
          href="https://github.com/KUN1007/kungalgame-pure-css"
          target="_blank"
          rel="noopener noreferrer"
        >
          kun-galgame-pure-css
        </a>
      </span>
    </p>
    <br />
    <br />
    <br />
    <br />
    <p>不嫌棄的話，您可以給我們的 GitHub 項目點一個 star，當作對我們的支持。</p>
  </div>
</template>

<style lang="scss" scoped>
.article {
  display: flex;
  flex-direction: column;
}

.skip {
  border-bottom: 1.5px solid var(--kungalgame-blue-5);
  cursor: pointer;

  a {
    color: var(--kungalgame-blue-5);
  }
}

.list {
  padding: 0;
  margin: 0;

  & > li {
    list-style: inside;
    margin: 5px 0;
  }
}

p {
  margin: 5px;
}
</style>
